<template>
  <div class="viphallOrder">
    <div style="margin:0 0 20px 0">会员卡号：{{customernumber.customerCard}}</div>
    <el-button style="margin:0 0 10px 95%" type="primary" size="mini" @click="returntop">返回</el-button>
    <!-- 订单列表 -->
    <div class="table">
      <el-table size="mini" :header-cell-style="{
          color: '#fff',
          background: '#6090EC',
          fontSize: '11px',
          fontWeight: 'normal',
        }" :data="dataList" border style="width: 100%">
        <el-table-column prop="orderNum" label="订单号"> </el-table-column>
        <el-table-column prop="departureCity" label="城市"> </el-table-column>
        <el-table-column width="100px" prop="setOffAirport" label="机场">
        </el-table-column>
        <el-table-column width="100px" prop="terminal" label="航站楼">
        </el-table-column>
        <el-table-column width="100px" prop="customerName" label="会员姓名">
        </el-table-column>
        <el-table-column width="100px" prop="contactName" label="联系人姓名">
        </el-table-column>
        <el-table-column width="100px" prop="cardNumber" label="会员卡号">
        </el-table-column>
        <el-table-column width="130px" prop="contactPhone" label="手机号">
        </el-table-column>
        <el-table-column width="130px" prop="deptName" label="所属部门">
        </el-table-column>
        <el-table-column width="150px" prop="peopleNumber" label="预定人数">
        </el-table-column>
        <el-table-column width="130px" prop="createTime" label="下单日期">
        </el-table-column>
        <el-table-column width="130px" prop="arrivalterminalTime" label="服务日期">
        </el-table-column>
        <el-table-column width="130px" prop="status" label="订单状态">
          <template slot-scope="scope">
            <template v-if="scope.row.status == 'payreturning'">退款中</template>
            <template v-if="scope.row.status == 'payd'">已支付</template>
            <template v-if="scope.row.status == 'unpaid'">未支付</template>
            <template v-if="scope.row.status == 'cancelPay'">取消支付</template>
            <template v-if="scope.row.status == 'completed'">已完成</template>
          </template>
        </el-table-column>
        <el-table-column width="130px" prop="sourceAppId" label="订单来源">
        </el-table-column>
        <el-table-column width="130px" prop="sourcecompanyId" label="服务来源">
        </el-table-column>
      </el-table>
    </div>

  </div>
</template>
<script>
  export default {
    name: "viphallOrder",

    data() {
      return {
        customernumber: {},
        customerId: "",
        dataList: [],
        currentPage: '',
        pageSize: ''

      };
    },
    methods: {
      // 返回
      returntop() {
        this.$router.go(-1)
      },
      // 会员卡号
      getinformation() {
        this.$axios.getinformation({
          id: this.customerId,
          // id:'77'
        }).then((res) => {
          console.log(res)
          this.customernumber = res.data
          if (res.code == 200) {
            this.getselectVipchannelOrederListVo()
          }
        })
      },
      // vip通道列表
      getselectVipchannelOrederListVo() {
        localStorage.setItem("pageNum", this.currentPage);
        localStorage.setItem("pageSize", this.pageSize);
        this.$axios
          .getselectVipchannelOrederListVo({
            departmentId: '', //部门id
            customerCard: '', //会员卡号
            serviceSource: '', //服务来源
            orderState: '', //订单状态
            orderSource: '', //订单来源
            name: '', //姓名
            phone: this.customernumber.customerPhone, //手机号
            orderNum: '', //订单编号
            orderDateForward: '', //下单日期前
            orderDateBack: '', //下单日期后
            serveDateForward: '', //服务日期前
            ServeDateBack: '', //服务日期后
            type: 1,
          })
          .then((res) => {
            console.log(res);
            if (res.code == "200") {
              console.log(res.data);
              this.dataList = res.data;
              if (!this.pageTotal) {
                this.$message({
                  message: "当前日期暂无信息",
                });
              }
            }
          });
      },



    },
    mounted() {
      this.customerId = this.$route.params.customerId;
      this.getinformation()
    },
  };
</script>
<style scoped>
  .viphallOrder {
    margin: 20px;
  }
</style>